<template>
  <div>
    <header>
      <!-- 头部组件 -->
      <cy-chatheader></cy-chatheader>
      <!-- 轮播图 -->
      <cy-chatbanner></cy-chatbanner>
      <!-- option -->
      <chat-mainoption></chat-mainoption>
    </header>
    <!-- 主体区域 -->
    <cy-chatmain></cy-chatmain>
  </div>
</template>

<script>
import CyChatheader from "../../components/chat/CyChatheader.vue";
import CyChatbanner from "../../components/chat/CyChatbanner.vue";
import ChatMainoption from "../../components/chat/ChatMainoption.vue";
import CyChatmain from "../../components/chat/CyChatmain.vue";
export default {
  data() {
    return {};
  },

  components: {
    CyChatheader,
    CyChatbanner,
    ChatMainoption,
    CyChatmain,
  },

  computed: {},

  mounted() {},

  methods: {},
};
</script>

<style lang="less" scoped>
header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
  background-color: #fff;
}
</style>
